<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url(__IMG__/banner_about.png);cursor:pointer;"></div>
            <div class="swiper-slide" style="background-image: url(__IMG__/banner_case.png);cursor:pointer;"></div>
            <div class="swiper-slide" style="background-image: url(__IMG__/banner_customer.png);cursor:pointer;"></div>
            <div class="swiper-slide" style="background-image: url(__IMG__/banner_talk.png);cursor:pointer;"></div>
            <div class="swiper-slide" style="background-image: url(__IMG__/banner_design.png);cursor:pointer;"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
            <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9"></span>
            <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 10"></span>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"
             aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
        <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
             aria-controls="swiper-wrapper-6110a3721de8382c4"></div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
</div>